@import './timeline';

#pull-request-overview {
    position: sticky;
    z-index: 3;
    top: 50px;
    flex: 0 0 50%;
    min-width: 50%;
    padding: $tlp-spacing;

    @media screen and (max-width: 1200px) {
        position: relative;
        top: 0;
        width: 100%;
        margin: 0;
    }
}

.pull-request-top-actions {
    margin: 0 0 $tlp-spacing;
}

.pull-request-checkout-dropdown {
    margin: 0 0 0 $tlp-half-spacing;
}

.pull-request-checkout-menu {
    z-index: 3;
    padding: $tlp-spacing;
}

.pull-request-checkout-menu-content {
    display: flex;
    align-items: baseline;
    margin: 0 0 $tlp-half-spacing;
}

.pull-request-checkout-menu-label {
    flex: 0 0 auto;
    margin: 0 5px 0 0;
}

.pull-request-checkout-command {
    font-size: 12px;

    &::before {
        content: '$';
        margin: 0 5px 0 0;
    }
}

.pull-request-requester-date-changes {
    display: flex;
    align-items: center;
    margin: 0 0 $tlp-spacing;

    .tlp-avatar {
        flex: 0 0 auto;
    }
}

.pull-request-date {
    margin: 0 0 0 $tlp-half-spacing;
    font-size: 14px;

    > .fa-clock-o {
        margin: 0 2px 0 0;
        font-size: 12px;
    }
}

.pull-request-changes {
    flex: 1 1 auto;
    margin: 0 0 0 $tlp-spacing;
    font-size: 24px;
    text-align: right;
    white-space: nowrap;
}

.pull-request-references-ci {
    display: flex;
    margin: 0 0 $tlp-double-spacing;
}

.pull-request-references {
    margin: 0 $tlp-double-spacing 0 0;
}

.pull-request-reference {
    margin: 0 0 5px;
    font-size: 12px;
    font-style: italic;
}

.warning-deprecation-build-status-rest-route {
    cursor: default;
}

#pull-request-actions {
    box-sizing: border-box;
    width: 100%;
    transition: opacity 100ms linear;
    border: 0;
    text-align: center;

    .loading {
        height: 26px;
        margin: 0 0 15px;
        background: url('/themes/BurningParrot/images/spinner.gif') no-repeat center center;
    }

    .fa-spinner {
        display: block;
        font-size: 26px;
    }

    p {
        margin: 0;
    }

    button {
        min-width: 150px;
        margin: $tlp-spacing $tlp-half-spacing 0 0;

        &:last-child {
            margin: $tlp-spacing 0 0;
        }
    }
}
